page{
    padding-bottom: 90rpx;
}
.main {
    .swiper_wrap {
        margin-top: 15rpx;

        swiper {
            padding: 0 15rpx;

            height: 220rpx;

            swiper-item {
                navigator {
                    width: 100%;
                    height: 100%;

                    image {
                        width: 100%;
                        height: 100%;
                    }
                }

            }
        }
    }
    .video_wrap{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        margin-top: 15rpx;
        navigator{
            width: 45%;
        margin-top: 15rpx;

            .video_img{
                width: 100%;
                position: relative;
                image{  
                    border-radius: 15rpx;
                }
                .video_info{
                    .play_count{
                        position: absolute;
                        bottom: 20rpx;
                        left: 25rpx;
                        color: #fff;
                        font-size: 24rpx;
                    }
                    .comment_count{
                        position: absolute;
                        bottom: 20rpx;
                        right: 25rpx;
                        color: #fff;
                        font-size: 24rpx;
                    }
                }
            }
            .video_title{
                color: #666;
                display: -webkit-box;
                overflow: hidden;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
            }
        }
    }
}